*{
    margin: 0;
    padding: 0;
}
body{
    background: #F5F5F5;
}
.nav{
    background: grey;
    margin: 0;
    overflow: hidden;
    height: 50px;
}
.nav h1{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-left:10px ;
    padding-top: 2px;
    padding-bottom: 2px;
}
.nav ul {
    float: right;
    height:30px;
    margin-top: 10px;
    margin-right: 10px;
    overflow: hidden;
    list-style: none;
}
.nav ul li{
    float: left;
    color: white;
    margin-right: 12px;
    height: 25px;
    margin-top:2.5px;
}
.nav ul li a{
    vertical-align: middle;
}
.content{
    margin: 10px;
    padding: 10px;
    background: white;
}
.content p{
    text-indent: 2em;
}
.content ul{
    list-style: none;
    margin-left: 1em;
}
.pic{
    margin: 10px;
    padding: 10px;
    background: white;
}
.pic .pic-inner{
    border: 1px solid silver;
    width: 80px;
    text-align: center;
    margin-top: 10px;
    margin-left: 20px;
}
.content ol{
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: inside;
    list-style-type: decimal;
}
.sidebar{
    margin: 10px;
    padding: 10px;
    background: white;
}
.email{
    overflow: hidden;
    margin-top: 15px;
}
.email,.email-clue,.pass,.pass-input,.pass-check,.sex,.city,.hobby,.des{
    overflow: hidden;
    margin-bottom: 10px;
}
.wrap{
    width: 100%;
    float: left;
    min-width: 1200px;
}
.sidebar .email-tip,.pass-input-tip,.pass-check-tip,.sex-tip,.city-tip,.hobby-tip,.des-tip{
    width: 500px;
    float: left;
    text-align: right;
    margin-left: -100%;
}
.sidebar .email-text,.pass-input-text,.pass-check-text,.sex-select,.city-select,.hobby-select,.des-text{
    margin-left:510px;
}
.sidebar .email-clue{
    margin-left: 510px;
    color: #CBCBCB;
    margin-top: 10px;
}
.sidebar .pass-check-clue{
    margin-left: 510px;
    color: #CBCBCB;
    margin-top: 10px;
}
.sidebar .button{
    width: 96%;
    margin: 10px auto 0px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.sidebar .button input{
    background: #9B30FF;
    font-size: 30px;
    width: 100%;
    color: white;
}
.footer{
    margin:0;
    background: black;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: white;
}
